<#include "layout.ftl"/>
<#macro script_import>

<link rel="stylesheet" href="${staticPath}/css/dropzone.min.css" rel="stylesheet">

<!--Demo script [ DEMONSTRATION ]-->
<script src="${staticPath}/js/nifty-demo.min.js"></script>


<!--Dropzone [ OPTIONAL ]-->
<script src="${staticPath}/js/dropzone.min.js"></script>

<script src="${staticPath}/page-js/attachment_add.js"></script>
</#macro>
<@layout>
<!--CONTENT CONTAINER-->
<!--===================================================-->
<div id="content-container">

    <!--Page Title-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <div id="page-title">
        <h1 class="page-header text-overflow">上传附件</h1>

        <!--Searchbox-->
        <div class="searchbox">
            <div class="input-group custom-search-form">
                <input type="text" class="form-control" placeholder="Search..">
                    <span class="input-group-btn">
                        <button class="text-muted" type="button"><i class="demo-pli-magnifi-glass"></i></button>
                    </span>
            </div>
        </div>
    </div>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--End page title-->


    <!--Breadcrumb-->
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <ol class="breadcrumb">
        <li><a href="#">首页</a></li>
        <li><a href="#">附件管理</a></li>
        <li class="active">上传附件</li>
    </ol>
    <!--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~-->
    <!--End breadcrumb-->


    <!--Page content-->
    <!--===================================================-->
    <div id="page-content">
        <div class="panel">

            <div class="panel-body">
                <p><code>每次最多只能添加10个附件</code></p>
                <br>
                <!--Dropzonejs-->
                <!--===================================================-->
                <form id="demo-dropzone" action="${basePath}/attachment/upload" class="dropzone">
                    <div class="dz-default dz-message">
                        <div class="dz-icon">
                            <i class="demo-pli-upload-to-cloud icon-5x"></i>
                        </div>
                        <div>
                            <span class="dz-text">Drop files to upload</span>
                            <p class="text-sm text-muted">or click to pick manually</p>
                        </div>
                    </div>
                    <div class="fallback">
                        <input name="file" id="file" type="file">
                    </div>

                </form>
                <!--===================================================-->
                <!-- End Dropzonejs -->

            </div>
        </div>

    </div>
    <!--===================================================-->
    <!--End page content-->


</div>
<!--===================================================-->
<!--END CONTENT CONTAINER-->
</@layout>